<extend name="Base/common"/>

<block name="header">
    <header class="subhead" id="overview">
        <div class="container">
            {:hook('banner')}
            <div class="row hidden-xs">
                <include file="Public/bread" />
            </div>
        </div>
    </header>
</block>
<block name="body">

    <section class="container">
        <div class="row">
            <header class="article-title">
                <h1>正在播放:{$info['title']}</h1>
            </header>

            <div class="cf" id="palyer-box">
                {$info.playCode}
            </div>
        </div>

       <div class="row article-box" style="padding: 15px 0;"><!-- begin article box -->

            <aside class="col-md-3 visible-lg visible-md sidebar-box">
                <h2><a href="{:U('?id='.$info['father']['id'])}">{$info['father']['title']}</a></h2>
                <div class="timebox"><span>共{$info['count']}课时</span><span class="mar-l30">2014-07-15</span></div>
                <div class="author-box sidebar_list">

                        <div class="author-infor cf">
                            <div id="author-img-box"><img class="img-circle" alt="{$info['author']['uid']|get_nickname}" src="__ROOT__{$info['author']['img']|get_cover='path'}" /></div>
                            <script>
                                //重置图片高度与宽度一致
                                var authorHeadImgWidth = $("#author-img-box").width();
                                $("#author-img-box>img").css('max-height',authorHeadImgWidth);
                            </script>
                            <div class="infor-text">
                                <strong><span class="glyphicon glyphicon-user"></span> {$info['author']['uid']|get_nickname}</strong>
                                <p>{$info['author']['honour']}</p>
                            </div>
                        </div>
                        <div class="btn-box">
                            <notempty name="info['author']['qq']">
                                <a class="btn btn-default btn-small" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-open"></span> QQ</a>
                                <else />
                                <a class="btn btn-default btn-small disabled" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-close"> QQ</a>
                            </notempty>

                            <notempty name="info['author']['weixin']">
                                <a class="btn btn-default btn-small" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-open"></span> 微信</a>
                                <else />
                                <a class="btn btn-default btn-small disabled" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-close"> 微信</a>
                            </notempty>

                            <notempty name="info['author']['weibo']">
                                <a class="btn btn-default btn-small" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-open"></span> 微博</a>
                                <else />
                                <a class="btn btn-default btn-small disabled" href="javascript:void('0');"><span class="glyphicon glyphicon-eye-close"> 微博</a>
                            </notempty>
                        </div>
                        <div class="infor-content">
                           <p>{$info['author']['description']}</p>
                        </div>

                    </div>
                <div class="video-infor-box sidebar_list">
                        <div class="video_father_description">
                            <notequal name="info['id']" value="$info['father']['id']">
                                <p>{$info['father']['description']}</p>
                            </notequal>
                        </div>
                        <div class="less-tag">
                            <notempty name="info['tags'][0]">
                                <volist name="info['tags']" id="tag">
                                    <span class="label label-primary"><a href="">{$tag}</a></span>
                                </volist>
                            </notempty>
                        </div>
                    </div>
            </aside>

           <article class="col-md-9 col-xs-12">
               <div class="row">
                   <header style="display: none"><h1>{$info['father']['title']}>{$info['title']}</h1></header>
                   <div class="col-md-12 col-xs-12 article-content">
                       {$info.content}
                   </div>

               </div>
               <div class="row">
                   <div class="col-md-12 article-list"><!-- begin article list -->
                       <div class="list-title">
                           <div class="lessonlist-nav cf">
                               <ul class="cf time-hot">
                                   <li class="nav_on">视频列表</li>
                                   <li class="">相关文档</li>
                                   <li class="">关联文章</li>
                               </ul>
                           </div>
                       </div>

                       <div class="lesson-box"><!-- begin lesson box -->
                           <ul>
                               <foreach name="info['list']" key="k" item="list">
                                   <if condition="$list['id'] eq $info['id']">
                                       <li class="on">
                                           <div class="row">
                                               <div class="col-md-1 col-xs-1">
                                                   <i class="lessonmbers"><em><span class="glyphicon glyphicon-play"></span></em></i>
                                               </div>
                                       <else />
                                       <li>
                                           <div class="row">
                                           <div class="col-md-1 col-xs-1">
                                               <i class="lessonmbers"><em>{$k+1}</em></i>
                                           </div>
                                   </if>

                                        <div class="col-md-11 col-xs-11 text-box">
                                            <h2>
                                                <a href="{:U('?id='.$list['id'])}" target="_self">{$list.title}</a>
                                            </h2>
                                            <p>{$list.description}</p>
                                        </div>
                                    </div>
                               </li>
                               </foreach>
                           </ul>
                       </div><!-- close lesson box -->

                        <div class="download-box"></div>
                        <div class="document-box"></div>

                   </div><!-- end article list -->
                </div>
            </article>

       </div><!-- end article list -->

    </section>
    <div class="container">
        <hr/>
        {:hook('documentDetailAfter',$info)}
    </div>


</block>
